home *** CD-ROM | disk | FTP | other *** search
/ Enter 2003 April / EnterCD 4_2003.iso / Internet / Opera (Java) 7.01 / ow32enen701j.exe / HELP.CSS < prev    next >
Encoding:
Cascading Style Sheet File  |  2003-01-30  |  9.8 KB  |  567 lines
  1. /* general help styles **********************************************/
  2.  
  3. body {
  4.     background-color: white;
  5.     color: black;
  6. }
  7.  
  8. h1 {
  9.     letter-spacing: 1px;
  10.     color: maroon;
  11.     font-weight: bold;
  12.     font-size: 2em;
  13. }
  14.  
  15. h2 {
  16.     margin-top: 2em;
  17.     border-bottom: thin solid #355382;
  18.     color: #355382;
  19.     font-weight: bold;
  20.     font-size: 1.5em;
  21. }
  22.  
  23. h3 {
  24.     font-size: 1.1em;
  25.     margin-bottom: 0em;
  26. }
  27.  
  28. h4 {font-size: 1em;}
  29.  
  30. p {margin-top: 0em;}
  31.  
  32.  
  33. ol.alfa {list-style: lower-alpha;}
  34.  
  35.  
  36. /* styles for links *************************************************/
  37.  
  38. a:link, .fakelink { 
  39.     text-decoration: underline;
  40.     color: blue;
  41. }
  42.  
  43. a:visited, a:hover { 
  44.     text-decoration: underline;
  45.     color: red;
  46. }
  47.  
  48. a[target="_blank"]:after {
  49.     content: " ╗╗";
  50.     color: green;
  51. }
  52.  
  53.  
  54. /* styles for text types ********************************************/
  55.  
  56. span.url, span.mailaddress, span.html, span.mime, span.file { 
  57.     font-family: "Lucida Console", "Courier New", monospace;
  58.     color: green;
  59.     white-space: nowrap;
  60. }
  61.  
  62. span.html a {color: green;}
  63.  
  64. kbd {
  65.     color: #333333;
  66.     background-color: #EFEFEF;
  67.     font-family: "Verdana";
  68.     font-weight: normal;
  69.     font-size: 80%;
  70.     text-align: center;
  71.     border-top: 2px double #CFCFCF;
  72.     border-left: 3px solid #BABABA;
  73.     border-right: 4px solid #AAAAAA;
  74.     border-bottom: 6px solid #909090;
  75.     padding-left: 0.2em;
  76.     padding-top: 0em;
  77.     padding-right: 0.2em;
  78.     padding-bottom: 0em;
  79.     line-height: 1.6em;
  80.     vertical-align: top;
  81.     white-space: nowrap;
  82. }
  83.  
  84. table kbd {font-size: 90%;}
  85.  
  86. .bold {font-weight: bold;}
  87.  
  88. .red {color: red;}
  89.  
  90. .underline {text-decoration: underline !important;}
  91.  
  92. .nowrap {white-space: nowrap;}
  93.  
  94. span.note {
  95.     color: maroon;
  96.     font-weight: bold;
  97. }
  98.  
  99. p.copyright {
  100.     margin-top: 3em;
  101.     padding-top: 1em;
  102.     border-top: 1px solid gray;
  103.     color: gray;
  104.     font-size: 0.75em;
  105.     text-align: center;
  106. }
  107.  
  108.  
  109. /* styles for tables ************************************************/
  110.  
  111. table {margin-bottom: 1em;}
  112.  
  113. td, th { 
  114.     text-align: left; 
  115.     vertical-align: top; 
  116. }
  117.  
  118. /* nice tables */
  119.  
  120. table.nice {
  121.     border-collapse: collapse;
  122.     border-style: hidden;
  123.     border-spacing: 0;
  124. }
  125.  
  126. table.nice td, table.nice th {
  127.     border: 1px dotted black;
  128.     padding: 0.25em;
  129.     font-size: 0.9em;
  130.     color: black;
  131.     background-color: white;
  132. }
  133.  
  134. table.nice th {white-space: nowrap;}
  135.  
  136. /* keyboard tables */
  137.  
  138. body.keytable table {
  139.     width: 100%;
  140.     border-collapse: collapse;
  141.     border-style: hidden;
  142.     border-spacing: 0;
  143. }
  144.  
  145. body.keytable th, body.keytable td {
  146.     border: 1px dotted black;
  147.     padding: 0.25em;
  148. }
  149.  
  150. body.keytable th {
  151.     max-width: 80%;
  152.     font-weight: normal;
  153.     padding-left: 0em;
  154. }
  155.  
  156. body.keytable td {
  157.     min-width: 20%;
  158.     white-space: nowrap;
  159.     padding-left: 0.5em;
  160. }
  161.  
  162. body.keytable h3 {
  163.     margin-bottom: 0;
  164.     margin-top: 0.75em;
  165. }
  166.  
  167. /* gesture tables */
  168.  
  169. div.gestures table {
  170.     width: 100%;
  171.     border-collapse: collapse;
  172.     border-style: hidden;
  173.     border-spacing: 0;
  174. }
  175.  
  176. div.gestures td {
  177.     min-width: 50%;
  178. /*    white-space: nowrap;*/
  179.     border: 1px dotted black;
  180. }
  181.  
  182. div.gestures th {
  183.     max-width: 50%;
  184.     font-weight: bold;
  185.     border: 1px dotted black;
  186. }
  187.  
  188.  
  189. /* styles for prefs dialogs ***********************************************/
  190.  
  191. div.prefs {
  192.     background-color: ThreeDFace;
  193.     color: WindowText;
  194.     font-family: "MS Sans Serif", sans-serif;
  195.     font-size: 12px;
  196.     border-top: 2px solid ThreeDLightShadow;
  197.     border-right: 2px solid ThreeDShadow;
  198.     border-bottom: 2px solid ThreeDShadow;
  199.     border-left: 2px solid ThreeDLightShadow;
  200.     max-width: 500px;
  201.     padding: 0em;
  202.     margin-top: 0.5em;
  203.     margin-bottom: 1em;
  204.     margin-left: auto;
  205.     margin-right: auto;
  206.     white-space: nowrap;
  207. }
  208.  
  209. div.prefs p.titlebar {
  210.     font-family: "MS Sans Serif", sans-serif;
  211.     background-color: ActiveCaption;
  212.     font-size: 14px;
  213.     font-weight: bold;
  214.     color: CaptionText;
  215.     margin-bottom: 4px;
  216. }
  217.  
  218. table.groupbox {
  219.     font-family: "MS Sans Serif", sans-serif;
  220.     border: 2px groove ThreeDFace;
  221.     margin 2px 4px 2px 4px;
  222.     padding: 6px;
  223.  
  224. }
  225.  
  226. table.groupbox caption {
  227.     font-weight: bold;
  228.     padding: 4px 4px 0px 8px;
  229.     text-align: left;
  230. }
  231.  
  232. table.groupbox td {color: WindowText;}
  233.  
  234. table.groupbox ul,
  235. table.groupbox li,
  236. td.ui ul,
  237. td.ui li,
  238. body.keytable ul,
  239. body.keytable li,
  240. table.nice ul,
  241. table.nice li,
  242. ul.lean,
  243. ul.lean li { 
  244.     list-style: none;
  245.     margin: 1px 0px 1px 0px;
  246.     padding: 0px;
  247. }
  248.  
  249. ul.lean li + li {padding-top: 1em;}
  250.  
  251.  
  252. /* styles for menus *************************************************/
  253.  
  254. table.mainmenu, table.menu {
  255.     border-spacing: 0;
  256.     empty-cells: show;
  257. }
  258.  
  259. table.menu th, table.menu td, table.mainmenu th {
  260.     text-align: left;
  261.     font-weight: normal;
  262.     vertical-align: top;
  263.     white-space: nowrap;
  264. }
  265.  
  266. table.menu th {
  267.     font: menu;
  268.     color: MenuText;
  269.     background-color: ThreeDFace;
  270.     border-left: 2px outset ThreeDLightShadow;
  271.     border-right: 2px ridge ThreeDDarkShadow;
  272.     padding: 0.15em 1em 0.15em 1em;
  273.     white-space: nowrap;
  274. }
  275.  
  276. table.menu td {
  277.     color: black;
  278.     background-color: white;
  279.     font-family: "Arial", "Tahoma", sans-serif;
  280.     font-size: 0.8em;
  281.     padding: 0em 0.5em 0em 0.5em;
  282.     vertical-align: middle;
  283. }
  284.  
  285. table.mainmenu th {padding: 4px;}
  286.  
  287. .mainmenu {
  288.     font: menu;
  289.     color: MenuText;
  290.     background-color: ThreeDFace;
  291.     padding: 0em 0.5em 0em 0.5em;
  292. }
  293.  
  294. table.menu th.sub {padding-left: 3em;}
  295.  
  296. table.menu th.sub2 {padding-left: 4.5em;}
  297.  
  298. table.menu tr.maketop th {
  299.     border-top: 2px outset ThreeDLightShadow;
  300.     padding: 0;
  301.     line-height:0;
  302. }
  303.  
  304. table.menu tr.makebottom th {
  305.     border-bottom: 2px ridge ThreeDDarkShadow;
  306.     padding : 0;
  307.     line-height:0;
  308. }
  309.  
  310. table.menu tr.makesep th {
  311.     border-top: 2px groove ThreeDLightShadow;
  312.     padding : 0;
  313.     line-height:0;
  314. }
  315.  
  316. table.menu tr.makesep td {
  317.     border-top: 1px dotted black;
  318.     padding : 0;
  319.     line-height:0;
  320. }
  321.  
  322.  
  323. tr.cool td {color: maroon;}
  324.  
  325. td.ui, table.nice td.ui {
  326.     background-color: ThreeDFace;
  327.     color: MenuText;
  328.     padding: 0px;
  329.     padding-left: 0.5em;
  330.     padding-right: 0.5em;
  331.     font: menu;
  332.     text-align: left;
  333.     white-space: nowrap;
  334. }
  335.  
  336. td.ui a:link, td.ui a:visited, .mainmenu a:link, .mainmenu a:visited {
  337.     color: MenuText;
  338.     text-decoration: none;
  339. }
  340.  
  341. td.ui a:hover, .mainmenu a:hover {
  342.     color: HighlightText;
  343.     background-color: ActiveCaption;
  344.     text-decoration: none;
  345. }
  346.  
  347.  
  348. /* input styles *****************************************************/
  349.  
  350. input.button {
  351.     min-width: 75px;
  352.     min-height: 24px;
  353. }
  354.  
  355.  
  356. /* style for start page *********************************************/
  357.  
  358. body.startpage h1 {
  359.     text-align: center;
  360.     letter-spacing: 3px;
  361.     margin: 0em 0em 0.5em 0em;
  362.     padding: 0em 1em 0em 0em;
  363.     font-weight: bold;
  364. }
  365.  
  366. body.startpage h2 {
  367.     margin-top: 0.5em;
  368.     margin-bottom: 0em;
  369.     border-bottom: none;
  370.     page-break-before: avoid;
  371.     font-weight: normal;
  372. }
  373.  
  374. body.startpage h3 {
  375.     margin-top: 0.5em;
  376.     margin-bottom: 0em;
  377. }
  378.  
  379. body.startpage p {clear: both;}
  380.  
  381. div.section {
  382.     float: left;
  383.     margin-left: 4%;
  384.     margin-right: 0.5em;
  385.     padding-left: 1em;
  386.     padding-right: 1em;
  387.     font-weight: normal;
  388. }
  389.  
  390. div.section p {max-width: 20em;}
  391.  
  392.  
  393. body.toc a:link, body.toc a:visited, body.startpage a:link, body.startpage a:visited {
  394.     text-decoration: none;
  395.     color: black;
  396. }
  397.  
  398. body.toc a:hover, body.startpage a:hover {
  399.     text-decoration: none;
  400.     color: white;
  401.     background-color: black;
  402. }
  403.  
  404. body.startpage ul {
  405.     list-style: none;
  406.     margin: 0.5em 0em 0.5em 0em;
  407.     padding: 0em;
  408. }
  409.  
  410. body.startpage li {
  411.     margin: 0;
  412.     padding: 0;
  413. }
  414.  
  415. form.search {
  416.     padding-right: 15%;
  417.     text-align: right;
  418. }
  419.  
  420. form.search input[type="submit"] {font-size: 0.9em;}
  421.  
  422.  
  423. /* styles for toc **********************************************/
  424.  
  425. body.toc {
  426.     font-family: "Verdana", serif;
  427.     font-size: 11px;
  428.     padding-left: 10px;
  429. }
  430.  
  431. body.toc form.search {
  432.     padding-right: 0em;
  433.     text-align: center;
  434. }
  435.  
  436. body.toc ul { 
  437.     list-style: none;
  438.     margin: 0;
  439.     margin-left: 0em;
  440.     font-size: 1.2em;
  441.     font-weight: bold;
  442. }
  443.  
  444. body.toc ul ul {
  445.     font-size: 0.9em;
  446.     margin-left: 0em;
  447.     border-top: none;
  448.     font-weight: normal;
  449.     border-top: 1px dotted black;
  450.     margin-bottom: 1em;
  451. }
  452.  
  453. body.toc ul ul ul {
  454.     font-size: 0.9em;
  455.     margin-top: 0;
  456.     margin-left: 1em;
  457.     border-top: none;
  458.     margin-bottom: 0;
  459. }
  460.  
  461. body.toc li {margin: 0;}
  462.  
  463.  
  464. /* styles for treeview **********************************************/
  465.  
  466. table.tree {border-spacing: 0;}
  467.  
  468. table.tree th, table.tree td {
  469.     text-align: left;
  470.     font-weight: normal;
  471.     vertical-align: top;
  472. /*    white-space: nowrap;*/
  473. }
  474.  
  475. table.tree th {
  476.     font: menu;
  477.     color: MenuText;
  478.     padding: 0.15em;
  479.     padding-left: 1em;
  480.     padding-right: 1em;
  481.     white-space: nowrap;
  482. }
  483.  
  484. table.tree td {
  485.     font-family: "Arial", "Tahoma", sans-serif;
  486.     font-size: 11px;
  487.     padding-left: 0.5em;
  488.     padding-right: 0.5em;
  489.     vertical-align: middle;
  490. }
  491.  
  492. table.tree th.tsub {padding-left: 3em;}
  493.  
  494. table.tree th.tsub2 {padding-left: 4.5em;}
  495.  
  496. tr.parent td, tr.parent th {font-weight: bold;}
  497.  
  498.  
  499.  
  500. /* styles for media **********************************************/
  501.  
  502. @media screen, projection, tv {
  503.  
  504. body, table {
  505.     font-family: "Verdana", "Georgia", "Book Antiqua", "Garamond", "Verdana", serif;
  506.     margin-left: auto;
  507.     margin-right: auto;
  508.     max-width: 60em;
  509. }
  510.  
  511. }
  512.  
  513.  
  514. @media screen, tv {
  515.  
  516. html {
  517.     padding: 1em;
  518.     border-top: thin solid black;
  519.     background-color: #3b5f8a;
  520.     background-image: url(background.png);
  521.     background-repeat: repeat;
  522. }
  523.  
  524. body {font-size: 0.9em;}
  525.  
  526. }
  527.  
  528.  
  529. @media projection {
  530.  
  531. body {font-size: 1.2em;}
  532.  
  533. h1 {
  534.     margin-top: 20%;
  535.     text-align: center;
  536.     font-size: 3em;
  537. }
  538.  
  539.  
  540. h2 {
  541.     margin-top: 0em;
  542.     padding: 1em 0.5em 0.5em 0.5em;
  543.     background-color: #355382;
  544.     color: white;
  545.     border: none;
  546.     page-break-before: always;
  547. }
  548.  
  549. .nobreak {page-break-before: avoid;}
  550.  
  551. p.copyright {display: none;}
  552.  
  553. }
  554.  
  555.  
  556. @media print {
  557.  
  558. body, table {
  559.     font-family: "Georgia", "Book Antiqua", "Garamond", "Verdana", serif;
  560.     font-size: 1em;
  561. }
  562.  
  563. }
  564.  
  565.  
  566. /* end of styles ****************************************************/
  567.